<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <!-- 动画库 -->
    <link rel="stylesheet" href="./css/animate.min.css">

    <!-- bootstrap核心css -->
    <link rel="stylesheet" href="./css/bootstrap.min.css">

    <!-- 重置样式 -->
    <link rel="stylesheet/less" href="./css/reset.less">

    <!-- 公共样式 -->
    <link rel="stylesheet/less" href="./css/common.less">

    <!-- 页面样式 -->
    <link rel="stylesheet/less" href="./css/index.less">
</head>

<body>
    <!-- 导航 -->
    <nav class="navbar navbar-default">
        <div class="container">
            <!-- 移动端导航 -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <!-- logo -->
                <a class="navbar-brand" href="./index.html"><img src="./images/nav-logo.png" alt=""></a>
            </div>
            <!-- PC端 -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-left">
                    <li><a href="./index.html">首页</a></li>
                    <li><a href="./Layafamily.html">Laya家族</a></li>
                    <li><a href="./game.html">游戏</a></li>
                    <li><a href="./news.html">新闻动态</a></li>
                    <li><a href="./about.html">关于我们</a></li>
                </ul>
                <ul class="nav navbar-nav navbar-right">
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
                            aria-expanded="false">Language<span class="caret"></span></a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Chinese</a></li>
                            <li role="separator" class="divider"></li>
                            <li><a href="#">English</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
    <!-- 广告 -->
    <div class="banner">
        <img src="./images/top.png" alt="">
    </div>
    <!-- 引擎 -->
    <div class="engine">
        <div class="engine-box">
            <div class="left">
                <div class="title">LayaFlash引擎</div>
                <div class="small-title">让Flash技术变成开发HTML5产品的利器</div>
                <div class="item">
                    <div class="item-box">
                        <div class="item-left">
                            <img src="./images/shandian.png" alt="">
                        </div>
                        <div class="item-right">
                            <div class="item-title">快速Flash产品转换</div>
                            <div class="item-smalltitle">Flash页游\手游仅需1个人7天即可
                                转换为HTML5和APP游戏</div>
                        </div>
                    </div>
                    <div class="item-box">
                        <div class="item-left">
                            <img src="./images/IDE.png" alt="">
                        </div>
                        <div class="item-right">
                            <div class="item-title">LayaFlash IDE</div>
                            <div class="item-smalltitle">支持代码编译、调试、压缩与混淆 加密、资源转换、在线文档等功能</div>
                        </div>
                    </div>
                    <div class="item-box">
                        <div class="item-left">
                            <img src="./images/zero.png" alt="">
                        </div>
                        <div class="item-right">
                            <div class="item-title">HTML5零学习成本</div>
                            <div class="item-smalltitle">AS3开发者可直接使用Flash开源框 架和工具链进行开发HTML5</div>
                        </div>
                    </div>
                    <div class="item-box">
                        <div class="item-left">
                            <img src="./images/hj.png" alt="">
                        </div>
                        <div class="item-right">
                            <div class="item-title">性能媲美APP</div>
                            <div class="item-smalltitle">LayaFlash引擎的重度游戏已运行于QQ空间等平台,性能媲美APP</div>
                        </div>
                    </div>
                </div>

            </div>
            <div class="right">
                <img src="./images/engine.png" alt="">
            </div>
        </div>
    </div>
    <!-- 优势 -->
    <div class="superiority">
        <div class="superiority-box">
            <div class="left">
                <img src="./images/superiority.png" alt="">
            </div>
            <div class="right">
                <div class="title">Layabox 优势</div>
                <div class="list">
                    <div class="img"><img src="./images/ys1.png" alt=""></div>
                    <div class="about">快速上手,Flash程序员3小时掌握HTML5开发</div>
                </div>
                <div class="list">
                    <div class="img"><img src="./images/ys2.png" alt=""></div>
                    <div class="about">4年优化打磨,LayaPlayer运行器性能媲美APP</div>
                </div>
                <div class="list">
                    <div class="img"><img src="./images/ys3.png" alt=""></div>
                    <div class="about">超5亿的LayaPlayer移动设备安装量帮助CP发行</div>
                </div>
                <div class="list">
                    <div class="img"><img src="./images/ys4.png" alt=""></div>
                    <div class="about">使用LayaFlash开发大型HTML5游戏的企业超100家</div>
                </div>
            </div>
        </div>
    </div>
    <!-- 家族产品 -->
    <div class="family">
        <div class="family-box">
            <div class="title">Layabox产品家族</div>
            <div class="item">
                <div class="item-box">
                    <div class="item-left">
                        <img src="./images/LayaAir.png" alt="">
                    </div>
                    <div class="item-right">
                        <div class="item-title">LayaAir</div>
                        <div class="item-smalltitle">核心库仅100K左右的新一代HTML5引擎,支持AS3\TS\JS语言开发,支持2D\3D,非运行器模式下性能媲美APP。</div>
                    </div>
                </div>
                <div class="item-box">
                    <div class="item-left">
                        <img src="./images/LayaPlayer.png" alt="">
                    </div>
                    <div class="item-right">
                        <div class="item-title">LayaPublish</div>
                        <div class="item-smalltitle">Layabox发行业务,通过在H5产业链中的技术桥梁优势,帮助CP获得流量支持。</div>
                    </div>
                </div>
                <div class="item-box">
                    <div class="item-left">
                        <img src="./images/LayaFlash.png" alt="">
                    </div>
                    <div class="item-right">
                        <div class="item-title">LayaFlash</div>
                        <div class="item-smalltitle">使用Flash AS3语言开发H5的引擎框架,可直接在FB或FD中开发、调试、编译H5,也可快速将Flash页游\手游转换成H5游戏。
                        </div>
                    </div>
                </div>
                <div class="item-box">
                    <div class="item-left">
                        <img src="./images/LayaStore.png" alt="">
                    </div>
                    <div class="item-right">
                        <div class="item-title">LayaStore</div>
                        <div class="item-smalltitle">嵌入式HTML5商城,APP只需嵌入20K的SDK即可以获得托管式HTML5商店服务,进入流量获利新时代。</div>
                    </div>
                </div>
                <div class="item-box">
                    <div class="item-left">
                        <img src="./images/LayaPlayer.png" alt="">
                    </div>
                    <div class="item-right">
                        <div class="item-title">LayaPlayer</div>
                        <div class="item-smalltitle">HTML5高速运行器,性能卓越、支持大型HTML5游戏流畅运行,目前已植入QQ、百度等20多家主流平台,安装量超5亿。</div>
                    </div>
                </div>
                <div class="item-box">
                    <div class="item-left">
                        <img src="./images/setting.png" alt="">
                    </div>
                    <div class="item-right">
                        <div class="item-title">LayaOpen</div>
                        <div class="item-smalltitle">Layabox开放平台,整合了Laya提供的各项运营,管理服务的服务,提供给游戏提供商和互联网渠道的统一开放平台。</div>
                    </div>
                </div>
            </div>

        </div>

    </div>
    <!-- 游戏 -->
    <div class="game">
        <div class="game-box">
            <div class="title">
                <div class="title-left">采用Layabox引擎的精彩游戏</div>
                <div class="title-right">更多</div>
            </div>
            <div class="about">
                <div class="left">
                    <img src="./images/game.png" alt="">
                </div>
                <div class="right container">
                    <div class="row">
                        <div class="item col-lg-2 col-md-2 col-sm-3 col-xs-4">
                            <img src="./images/lr.png" alt="">
                            <div class="item-title">猎刃2</div>  
                        </div>
                        <div class="item col-lg-2 col-md-2 col-sm-3 col-xs-4">
                            <img src="./images/sbzg.png" alt="">
                            <div class="item-title">上吧主公</div>  
                        </div>
                        <div class="item col-lg-2 col-md-2 col-sm-3 col-xs-4">
                            <img src="./images/zxy.png" alt="">
                            <div class="item-title">醉西游</div>  
                        </div>
                        <div class="item col-lg-2 col-md-2 col-sm-3 col-xs-4">
                            <img src="./images/mkhx.png" alt="">
                            <div class="item-title">魔卡幻想</div>  
                        </div>
                        <div class="item col-lg-2 col-md-2 col-sm-3 col-xs-4">
                            <img src="./images/cnzd.png" alt="">
                            <div class="item-title">超能战队</div>  
                        </div>
                        <div class="item col-lg-2 col-md-2 col-sm-3 col-xs-4">
                            <img src="./images/dtdbl.png" alt="">
                            <div class="item-title">刀塔大菠萝</div>  
                        </div>
                        <div class="item col-lg-2 col-md-2 col-sm-3 col-xs-4">
                            <img src="./images/hsg.png" alt="">
                            <div class="item-title">轰三国</div>  
                        </div>
                        <div class="item col-lg-2 col-md-2 col-sm-3 col-xs-4">
                            <img src="./images/mnlr.png" alt="">
                            <div class="item-title">迷你猎人</div>  
                        </div>
                        <div class="item col-lg-2 col-md-2 col-sm-3 col-xs-4">
                            <img src="./images/mgsg.png" alt="">
                            <div class="item-title">萌挂三国</div>  
                        </div>
                        <div class="item col-lg-2 col-md-2 col-sm-3 col-xs-4">
                            <img src="./images/dtsg.png" alt="">
                            <div class="item-title">夺塔三国</div>  
                        </div>
                        <div class="item col-lg-2 col-md-2 col-sm-3 col-xs-4">
                            <img src="./images/yxzb.png" alt="">
                            <div class="item-title">英雄争霸</div>  
                        </div>
                        <div class="item col-lg-2 col-md-2 col-sm-3 col-xs-4">
                            <img src="./images/zzzm.png" alt="">
                            <div class="item-title">战争之门</div>  
                        </div>
                    </div>
                    
                </div>
            </div>

        </div>
    </div>
    <!-- 合作伙伴 -->
    <div class="partners">
        <div class="partners-box">
            <div class="title">合作伙伴<span>(排序不分先后)</span></div>
            <div class="item">
                <div class="item-box"><img src="./images/qzone.png" alt=""></div>
                <div class="item-box"><img src="./images/qqllq.png" alt=""></div>
                <div class="item-box"><img src="./images/baidu.png" alt=""></div>
                <div class="item-box"><img src="./images/xinlang.png" alt=""></div>
                <div class="item-box"><img src="./images/huosu.png" alt=""></div>
                <div class="item-box"><img src="./images/lovegame.png" alt=""></div>
                <div class="item-box"><img src="./images/wo.png" alt=""></div>
                <div class="item-box"><img src="./images/migu.png" alt=""></div>
                <div class="item-box"><img src="./images/xiuxiu.png" alt=""></div>
                <div class="item-box"><img src="./images/yygame.png" alt=""></div>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <div class="bottom">
        <div class="bottom-box">
            <div class="left">
                <div class="list">
                    <a href="#">公司简介</a>
                    <a href="#">联系方式</a>
                    <a href="#">人才招聘</a>
                </div>
                <div class="all">All Copyright Reserved by Layabox Inc. 京ICP备15008163号-1 </div>
            </div>
            <div class="right">
                <div class="contact"><img src="./images/email.png" alt=""></div>
                <div class="contact"><img src="./images/wx.png" alt=""></div>
                <div class="contact"><img src="./images/QQ.png" alt=""></div>
            </div>
        </div>
    </div>
</body>

</html>
<script src="js/less.js"></script>

<!-- jq库 -->
<script src="js/jquery-3.5.1.min.js"></script>

<!-- bootstrap核心js -->
<script src="js/bootstrap.min.js"></script>

<!-- WOWjs -->
<script src="js/wow.min.repeat.js"></script>